<template>
  <div class="home">
    <!-- 顶部栏 -->
    <yukino-navbar></yukino-navbar>
    <!-- 本站热门 -->
    <yukino-swiper></yukino-swiper>
    <!-- bangumi -->
    <yukino-bangumi></yukino-bangumi>
    <!-- 角色介绍 -->
    <yukino-charcter></yukino-charcter>
    <!-- mad -->
    <!-- 文章 -->
    <!-- 联系我 -->

    
    <!-- 底部栏 -->
  </div>
</template>

<script>
import yukinoNavbar from '../components/navbar'
import yukinoSwiper from '../components/swiper'
import yukinoCharcter from '../components/charcter'
import yukinoBangumi from '../components/bangumi'
export default {
  name: "Home",
  data() {
    return {
      imageList: [
        {src: require('@/assets/pics/yukino_trend1.jpg')},
        {src: require('@/assets/pics/yukino_trend2.jpg')},
        {src: require('@/assets/pics/yukino_trend3.jpg')},
        {src: require('@/assets/pics/yukino_trend4.jpg')},
        {src: require('@/assets/pics/yukino_trend5.jpg')},
        {src: require('@/assets/pics/yukino_trend6.jpg')},
      ]
    }
  },
  components: {
    yukinoNavbar,
    yukinoSwiper,
    yukinoCharcter,
    yukinoBangumi,
  },
};
</script>
<style scoped>
.home {
  background: url(../assets/pics/yukino_bg.jpg) no-repeat fixed 60% 40%;
  overflow: hidden;
  color: rgb(233, 233, 233);
}
</style>